﻿<%@ Page Title="" Language="C#" MasterPageFile="~/TemplateUser.Master" AutoEventWireup="true" CodeBehind="contact.aspx.cs" Inherits="ProjectSem3.WebForm3" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $('#form1').validate({
            rules: {
                <%=TextBoxName.UniqueID %>: {
                    required: true
                },
                <%=TextBoxEmail.UniqueID %>: {
                    email: true,
                    required: true
                },
                <%=TextBoxContact.UniqueID %>: {
                    required: true
                },
                <%=TextBoxSubject.UniqueID %>: {
                    required: true
                },
                <%=TextBoxMessage.UniqueID %>: {
                    minlength: 30,
                    required: true
                },
            }
            
        });
    });
</script>
<style type="text/css">
    label.error
    {
        color:Red;}    
</style>
<div style=" width:665px; height:500px; ">

<div style="width:400px; height:395px; background-color: #CCCCCC; margin:25px 0 0 128px; border-radius:15px;">
 <ul style="list-style-type: none;">
 <li style="width:300px; margin-left:35px;">
     <asp:Label ID="LabelContact" runat="server" Text=""></asp:Label>
 </li>
 <li runat="server" id="likq" style="width:300px;">
     <asp:Label ID="Labelketqua" runat="server" Text="Send successful" style="color:Red; font-size:14px; text-align:center;"></asp:Label>
 </li>
 </ul>
 <ul runat="server" id="ultext" style="list-style-type: none; margin-left:-16px;">
 <li>
     <asp:Label ID="Label1" runat="server" Text="Name :"></asp:Label>
     <div style="margin:-25px 0 0 59px;">
         <asp:TextBox ID="TextBoxName" runat="server"></asp:TextBox>
     </div>
 </li>
 <li>
     <asp:Label ID="Label2" runat="server" Text="Email :"></asp:Label>
     <div style="margin:-25px 0 0 59px;">
         <asp:TextBox ID="TextBoxEmail" runat="server"></asp:TextBox>
     </div>
 </li>
 <li>
     <asp:Label ID="Label3" runat="server" Text="Contact :"></asp:Label>
     <div style="margin:-25px 0 0 59px;">
         <asp:TextBox ID="TextBoxContact" runat="server"></asp:TextBox>
     </div>
 </li>
 <li>
     <asp:Label ID="Label4" runat="server" Text="Subject :"></asp:Label>
     <div style="margin:-25px 0 0 59px;">
         <asp:TextBox ID="TextBoxSubject" runat="server"></asp:TextBox>
     </div>
 </li>
  <li>
     <asp:Label ID="Label5" runat="server" Text="Message :"></asp:Label>
     <div style="margin:-25px 0 0 59px;">
         <asp:TextBox ID="TextBoxMessage" runat="server" TextMode="MultiLine" 
             Width="155px"></asp:TextBox>  
     </div>
 </li>
 <li>
     <asp:Button ID="ButtonSend" runat="server" Text="Send" 
         style="margin-left:70px;" onclick="ButtonSend_Click" />
 </li>
 </ul>
 </div>
</div>
</asp:Content>